// pages/about_card/biography/biography.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    date: null,

    // 是否输入过 文本框 和标题
    isTitle: '',
    isVal: false,

    // 主题选中
    selected: 0,

    // 传记标题
    title: '',

    // 段落数组
    sectionData: [{}],

    // 主题
    theme_item: [{
        icon: 'icon-rili',
        themeName: '纪念'
      },
      {
        icon: 'icon-naiping',
        themeName: '生日'
      },
      {
        icon: 'icon-xin',
        themeName: '健康'
      },
      {
        icon: 'icon-fangyu',
        themeName: '疫苗'
      },
      {
        icon: 'icon-yaowan',
        themeName: '驱虫'
      },
      {
        icon: 'icon-jiandao',
        themeName: '绝育'
      },
      {
        icon: 'icon-profile',
        themeName: '心得'
      },
      {
        icon: 'icon-nvbao',
        themeName: '种草'
      },
      {
        icon: 'icon-shenglvehao',
        themeName: '其他'
      },

    ],

    // 是否显示主题选择盒子
    iSshowSelectBox: 0

  }, // data end
  keep: function() {
    console.log(this.data.sectionData)
  },

  // 标题input 输入时
  bindinput: function(e) {
    console.log(e.detail.value)

    this.setData({
      isTitle: e.detail.value
    })


  },

  // 向下移动
  down: function(e) {
    var currTextareaID = e.currentTarget.dataset.index
    var sectionArr = this.data.sectionData;
    // console.log(currTextareaID)

    if (sectionArr.length > 1) {
      // 数组下一位 交换位置
      var tmp = sectionArr[currTextareaID + 1];
      sectionArr[currTextareaID + 1] = sectionArr[currTextareaID];
      sectionArr[currTextareaID] = tmp;

      this.setData({
        sectionData: sectionArr
      })
    }


  },

  // 向上移动
  up: function(e) {
    var currTextareaID = e.currentTarget.dataset.index
    var sectionArr = this.data.sectionData;

    // 数组上一位 交换位置
    var tmp = sectionArr[currTextareaID - 1];
    sectionArr[currTextareaID - 1] = sectionArr[currTextareaID];
    sectionArr[currTextareaID] = tmp;

    this.setData({
      sectionData: sectionArr
    })

  },

  // 添加图片
  addimg: function() {
    // 拿到段落数组
    var sectionArr = this.data.sectionData;
    var that = this;

    wx.chooseImage({
      count: 6, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
      success: function(res) {
        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
        var tempFilePaths = res.tempFilePaths

        // 遍历图片数组 添加 段落
        tempFilePaths.forEach(function(ele, i) {
          // 把图片保存
          sectionArr.push({
            updataImg: ele
          });

          that.setData({
            sectionData: sectionArr
          })
        });


        // app.globalData.upDataImg = tempFilePaths;

      }
    })


  },

  // 删除元素
  delImg: function(e) {
    var currTextareaID = e.currentTarget.dataset.index
    var sectionArr = this.data.sectionData;

    if (!sectionArr.length) {
      this.setData({
        isVal: false
      })
    }


    sectionArr.some((ele, i) => {
      if (i == currTextareaID) {
        sectionArr.splice(i, 1);

        this.setData({
          sectionData: sectionArr
        })

        return true;
      }
    });
  },

  // 文本框失去焦点
  bindTextAreaBlur: function(e) {

    // 当前输入的文本框在数组第几个对象
    var currTextareaID = e.currentTarget.dataset.index
    var val = e.detail.value;
    var sectionArr = this.data.sectionData;
    console.log(val)

    if (val != '') {
      sectionArr.some((ele, i) => {
        if (i == currTextareaID) {
          ele.textareaVal = val;

          this.setData({
            sectionData: sectionArr,
            isVal: true
          })

          console.log(this.data.sectionData)

          return true;
        }
      });
    } else {
      this.setData({
        isVal: false
      })
    }


  },

  // 新建段落
  pushSectionData: function() {

    // 拿到段落数组
    var sectionArr = this.data.sectionData;
    sectionArr.push({});

    this.setData({
      sectionData: sectionArr
    })


  },

  // 关闭主题选择盒子
  closeSelectBox: function() {
    this.setData({
      iSshowSelectBox: false
    })
  },

  back: function() {
    this.setData({
      iSshowSelectBox: true
    })
  },

  // 点击分类项
  switchRightTab: function(e) {
    // 获取item项的id，和数组的下标值  
    let id = e.target.dataset.id;
    console.log(id)

    // 把点击到的某一项，设为当前index  
    this.setData({
      selected: id
    })
  },

  bindDateChange: function(e) {
    console.log('picker发送选择改变，携带值为', e.detail.value)
    this.setData({
      date: e.detail.value
    })
  },

  getNowFormatDate: function() {
    var date = new Date();
    var seperator1 = "-";
    var seperator2 = ":";
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    if (month >= 1 && month <= 9) {
      month = "0" + month;
    }
    if (strDate >= 0 && strDate <= 9) {
      strDate = "0" + strDate;
    }
    var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate;
    return currentdate;
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

    // 获取日期
    var date = this.getNowFormatDate();
    this.setData({
      date: date
    })

    wx.setNavigationBarColor({
      frontColor: '#000000',
      backgroundColor: '#ffffff',
      animation: {
        duration: 400,
        timingFunc: 'easeIn'
      }
    })

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})